'use strict'
const path = require('path')

const resolve = dir => path.join(__dirname, dir)

const titleName = '快速入职'       // 页面默认title，在路由中被覆盖（刚进入页面路由之前会展示这一段，之后会被路由中的逻辑覆盖）
const port = process.env.VUE_APP_BASE_PORT || process.env.npm_config_port || 8088     // dev port 端口号

module.exports = {
    publicPath: process.env.NODE_ENV === "production" ? "./" : "./",     //生产环境改成相对路径
    outputDir: 'dist',
    assetsDir: 'static',         //打包后其他静态资源所在文件夹
    productionSourceMap: false,  //设置成false加快打包速度，同时放弃生产环境的镜像map，也就是不能准确定位报错行数；
    // devServer: {
    //     port: port,
    //     open: true,
    //     proxy: {
    //         [process.env.VUE_APP_BASE_API]: {
    //             target: 'http://192.168.8.152/devapi',
    //             changeOrigin: true,
    //             pathRewrite: {
    //                 ['^' + process.env.VUE_APP_BASE_API]: ''
    //             }   
    //         }
    //     },
    // }, 
    devServer: {
      proxy: {
        '/api': {
          // target: 'http://192.168.8.168:88/api',
          target: 'http://192.168.8.168:90/api',
          changeOrigin: true,
          pathRewrite: {
            '^/api': ''
          }
        }
      }
    },
    configureWebpack: { 
        name: titleName,             //在index.html中可通过webpackConfig.name使用
        resolve: {
            alias: {
                '@': resolve('src'),
                'components': resolve('src/components'),
                'globalComponents':resolve('src/globalComponents'),
                'utils':resolve('src/utils'),
                'assets':resolve('src/assets'),
                'api':resolve('src/api'),
                'styles':resolve('src/styles'),
                'config':resolve('src/config'),
            }
        }
    },
    css: {
        loaderOptions: {
            // 给 stylus-loader 传递选项,使得指定stylus公共变量可以全局使用
            stylus: {
                import: ['~@/styles/variables.styl']      
            }
        }
    }
}
